<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div id="myDiv">1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>

    <script>
        // let obj = {
        //     name: "xixi",
        //     name: "haha"
        // }

        // let s1 = Symbol();
        // let s2 = Symbol();
        // console.log(s1, s2);
        // console.log(s1 == s2)
        // console.log(typeof s)

        // let s = Symbol();
        // let name = "name";
        // let obj = {
        //     [s]: "haha",
        //     [name]: "hello"
        // };
        // // obj[s] = "xixi";
        // console.log(obj)
        // console.log(obj[s])
        // console.log(obj['s'])

        // const mySymbol = Symbol();
        // const a = {};
        // a.name = "haha";
        // a.mySymbol = 'Hello!';
        // console.log(a)
        // console.log(a[mySymbol]) // undefined
        // console.log(a['mySymbol']) // "Hello!"


        // let arr = [1, 2, 1, 2, 3];
        // console.log([...new Set(arr)])
        // console.log([...new Set([5, '5', 1, '1', NaN, NaN])])
        // let o1 = {};
        // let o2 = {};

        // let set = new Set();
        // set.add([1, 2, 3]);
        // set.add("abc");
        // console.log(set)
        // for (let key of set.keys()) {
        //     console.log(key)
        // }

        // let obj = {
        //     true: "xixi"
        // }

        // let obj = {};
        // let div = document.querySelector("#myDiv");
        // console.log(div)
        // obj[div] = "myObj";
        // console.log(obj)
        // let m = new Map([
        //     [div, 0]
        // ])
        // console.log(m)

        // let m1 = new Map([
        //     [true, 'blue']
        // ])
        // console.log(m1)

        // const map = new Map();
        // map.set('a', 555);
        // console.log(map);
        // console.log(map.get('a'))

        // let set = new Set().add('a').add('b').add('c');
        // console.log(set)
        // let [x, y] = set;
        // console.log(x, y)
        //     // x='a'; y='b'

        // let [first, ...rest] = set;
        // first='a'; rest=['b','c'];


        // function Dog(name, age) {
        //     this.name = name;
        //     this.age = age;
        // }

        // Dog.prototype.run = function() {
        //     return this.name + "pao"
        // }

        // let dog1 = new Dog("dog1", 20);
        // console.log(dog1.run())
        // console.log(dog1)


        //语法糖
        // class Dog {
        //     constructor(name, age) {
        //         this.name = name;
        //         this.age = age;
        //     }

        //     run() {
        //         return this.name + "hello"
        //     }
        // }

        // let dog2 = new Dog("dog2", 20);
        // console.log(dog2)
        // console.log(dog2.run())




        // let obj = {
        //     fn,
        //     eat(){

        //     }
        // }
    </script>
</body>

</html>